﻿@{
    ViewBag.WebTitle = "花费充值";
}
@section Header{
<style>
    .numbers {
        width: 2.5rem;
        height: 1.1rem;
        border-radius: 10px;
        padding: .3rem .1rem 0 0rem;
        text-align: center;
        margin: 0 0 .5rem .5rem;
        box-shadow: inset 0px 0px 1px 1px #1F8FFF;
        color: #1F8FFF;
    }
    input#btnSave {
        width: 7rem;
        height: 1rem;
        border-radius: 10px;
        position: absolute;
        bottom: 5rem;
        margin-left: 1.5rem;
        border: none;
        background-color: #1F8FFF;
        color:#fff;
        box-shadow: inset 0px 0px 1px 1px #1F8FFF;
    }
</style>

}
<header class="mui-bar mui-bar-nav" style="background-color:#fff;">
    <span class="layui-icon layui-hu" onclick="history.go(-1)">&#xe603;</span>
    <h1 class="mui-title">花费充值</h1>
</header>
<div class="mui-content">
    <input type="text"  class="tex-input" id="phonenumber" placeholder="请输入手机号码">
    <ul class="mui-row" style="column-count:3;">
        <li class="numbers">
            30元
        </li>
        <li class="numbers">
            50元
        </li>
        <li class="numbers">
            100元
        </li>

        <li class="numbers">
            200元
        </li>
        <li class="numbers">
            300元
        </li>
        <li class="numbers">
           500元
        </li>
    </ul>
    <div class="mui-row" style="max-width:880px;">
        <input type="button" class="btnRecharge" id="btnSave" value="去充值（30）元 " />
    </div>
</div>
@section Scripts{
<script>
    $("#phonenumber").keyup(function () { 

        if (!/^\d/.test($(this).val())) {

            //var lengs = $(this).val().substring($(this).val().length - 1);
            //$(this).val($(this).val().replace(lengs, ''));
        }
        //$(this).val($(this).val().replace('/^\d/',''))
    })
</script>
}